{% extends "base.html" %}
{% block head %}
    {{ super() }}
    <link rel="stylesheet" href="{{url_for('static',filename = 'css/search-result.css')}}">
    <style type="text/css">
        ul > li {
            list-style: none;
        }
    </style>
{% endblock %}
{% block content %}
    {{ super() }}
    <div id="books" class="row">
        <div style="margin-top:20px;" class="col-md-8 col-lg-offset-1">
            <div class="col-md-6">
                <span class="sub-title">搜索 <span class="space highlight"
                                                 id="keyword">{{ keyword }}</span>的结果</span>
            </div>
            <div class="col-md-4 col-lg-offset-2">
                <span class="sub-title"> 共 <span class="space highlight"
                                                 id="total">{{ total | default(0, true) }}</span> 条记录</span>
            </div>
        </div>

        <ul id="movie_collection">
            {% for movie in movies %}
            <li>
                <div style="margin: 0; border: none; background-color: #F2F5F7; margin-top: 10px;" class="col-md-9 col-lg-offset-1">
                    <hr style="padding: 0">
                    <div style="margin-top: -18px;">
                        <div class="col-md-3">
                            <a href="{{ url_for('web.movie_detail', vid=movie.vid) }}">
                                <img style="width: 72px; height: 102px; margin-left: 50px;" src="{{ movie.img }}" referrerPolicy="no-referrer">
                            </a>
                        </div>
                        <div class="col-md-9" style="margin-left: -20px;">
                            <div class="hd" style="font-size: 14px; color: #669">
                                <a href="{{ url_for('web.movie_detail', vid=movie.vid) }}" >
                                    <span>{{ movie.name }}({{ movie.time }})</span>
                                </a>
                            </div>
                            <p></p>
                            <div class="bd">
                                <div class="star">
                                    <span style="color: #666; font-size: 10px;" class="rating5-t">评分：</span>
                                    <span class="rating_num" style="font-size: 12px; color: orange">{{ movie.score }}</span>
                                    <span style="font-size: 12px; color: orange">&nbsp;&nbsp;&nbsp;&nbsp;{{ movie.evaluators_count }}</span>
                                    <span style="color: #666; font-size: 10px;">人评价</span>
                                </div><p></p>
                                <p style="color: #999; font-size: 12px;">{{ movie.human }}</p>
                                <p style="color: #999; font-size: 12px;">{{ movie.context }}</p>
                            </div>
                         </div>
                    </div>
                </div>
            </li>
            {% endfor %}
        </ul>
    </div>

{% endblock %}
{% block scripts %}
    {{ super() }}
    <script src="{{ url_for('static', filename='3rd/jquery.twbsPagination.min.js') }}"></script>
    <script src="{{ url_for('static', filename="js/util.js") }}"></script>
    <script src="{{ url_for('static', filename='js/search_result.js') }}"></script>
{% endblock %}
